<template>
	<view class="all-main">
		<view class="main">
			<web-view
				src="https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=TZ3BZ-UXIYT-SPMX6-VF6AS-UTGZ6-6BFZV&referer=myapp"></web-view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: true
			}
		},
		onLoad() {
			if (navigator.geolocation) {
				navigator.permissions.query({
					name: 'geolocation'
				}).then(function(result) {
					if (result.state === 'granted') {
						// 已经授权，直接获取位置
						navigator.geolocation.getCurrentPosition(success, error);
					} else if (result.state === 'prompt') {
						// 用户尚未做出决定，显示提示并请求授权
						if (confirm('这个网站需要访问您的位置以提供服务，您同意吗？')) {
							navigator.geolocation.getCurrentPosition(success, error);
						} else {
							alert('位置访问被拒绝');
						}
					} else {
						// 用户明确拒绝授权，显示提示并处理后续逻辑
						alert('位置访问被浏览器阻止');
					}
				});
			} else {
				alert('Geolocation is not supported by your browser');
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.all-main {
		.main {
			padding: 20rpx;
		}
	}
</style>

<script>
	
</script>